<!DOCTYPE html>
<html>
    <head>
        <title>SISCO - Modificar oferta</title>

        {include file="head_scripts.html"}
    </head>

    <body>

        {include file="header.html"}

        <div class="container">
            {include file="messages.html"}
            
            {if (true)}
<div id="" class="row">
	

                    {if (true)}
<div id="" class="span3">
	
                            {include file="precio_sidebar.html"}
                        
</div>
{/if}

                    {if (true)}
<div id="" class="span9">
	
                            {if (true)}
<form id="" class="" action="" method="post" enctype="multipart/form-data">
	
                                    
                                    <div class="row">
                                        <div class="span4">
                                            <label >Tipo Oferta</label>

                                            {if (true)}
<select id="tipo_oferta" name="tipo_oferta" >
	<option value="0">Please select something</option> 
{foreach from=$tipos_oferta item="tipo_oferta"}
	
	{if ($oferta->tipo_oferta->id == $tipo_oferta->id)}
		<option value="{$tipo_oferta->id}" selected="selected">{$tipo_oferta->descripcion}</option>
	{else}
		<option value="{$tipo_oferta->id}">{$tipo_oferta->descripcion}</option>
	{/if}

{/foreach}
</select>
{/if}
                                            {if (true)}
<label for="fecha_desde">Fecha desde</label>
<input id="fecha_desde" name="fecha_desde" type="date" value="{$oferta->fecha_desde}" placeholder=""  />
{/if}
                                            {if (true)}
<label for="fecha_hasta">Fecha Hasta</label>
<input id="fecha_hasta" name="fecha_hasta" type="date" value="{$oferta->fecha_hasta}" placeholder=""  />
{/if}
                                            {if (true)}
<label for="porcentaje">Porcentaje</label>
<input id="porcentaje" name="porcentaje" type="number" value="{$oferta->porcentaje}" placeholder="" min="0" max="100" />
{/if}
                                            <input id="identificador" name="identificador" type="hidden" value="{$oferta->identificador}" />
                                
                                        </div>
                                        <div class="span4 offset1 categorias">
                                            <label >Categoría</label>

                                            {if (true)}
<select id="categoria" name="categoria" >
	<option value="0">Please select something</option> 
{foreach from=$categorias item="categoria"}
	
	{if (0)}
		<option value="{$categoria->id}" selected="selected">{$categoria->nombre}</option>
	{else}
		<option value="{$categoria->id}">{$categoria->nombre}</option>
	{/if}

{/foreach}
</select>
{/if}
                                        </div>
                                        <div class="span4 offset1 marcas">
                                            <label >Marca</label>

                                            {if (true)}
<select id="marca" name="marca" >
	<option value="0">Please select something</option> 
{foreach from=$marcas item="marca"}
	
	{if (0)}
		<option value="{$marca->id}" selected="selected">{$marca->nombre}</option>
	{else}
		<option value="{$marca->id}">{$marca->nombre}</option>
	{/if}

{/foreach}
</select>
{/if}
                                        </div>
                                        <div class="span4 offset1 productos">
                                            {if (true)}
<label for="codigo-producto">Código producto</label>
<input id="codigo-producto" name="codigo-producto" type="text" value="" placeholder=""  />
{/if}                                
                                            {if (true)}
<label for="descripcion">Descripción</label>
<input id="descripcion" name="descripcion" type="text" value="" placeholder="" disabled="disabled" />
{/if}                                
                                        </div>
                                    </div>                                    
                                    
                                    {if (true)}
<div id="" class="form-actions">
	
                                            <button id="" name="" type="submit" class='btn btn-primary'>Modificar</button>

                                            <a id="" name="" href="ofertas/delete/{$oferta->id}/" class='btn btn-danger'>Eliminar</a>

                                        
</div>
{/if} <!-- .form-actions -->

                                
</form>
{/if} <!-- form -->

                        
</div>
{/if} <!-- .span9 -->

                
</div>
{/if} <!-- .row -->

            {include file="footer.html"}
        </div><!-- .container -->

        {include file="footer_scripts.html"}
        
        <script>
            
            jQuery(document).ready(function() {                
                // Acomodo el formulario
                if (jQuery('#tipo_oferta').val() == '1') { // productos
                    jQuery('.marcas').hide();
                    jQuery('.categorias').hide();
                    jQuery('.productos').show();
                }
                else if (jQuery('#tipo_oferta').val() == '2') { // marcas
                    jQuery('.productos').hide();
                    jQuery('.categorias').hide();
                    jQuery('#marca option[value="{$oferta->identificador}"]').prop('selected', true);
                    jQuery('.marcas').show();
                }
                else if (jQuery('#tipo_oferta').val() == '3') { // categorias
                    jQuery('.productos').hide();
                    jQuery('.marcas').hide();
                    jQuery('#categoria option[value="{$oferta->identificador}"]').prop('selected', true);
                    jQuery('.categorias').show();
                }
            });
            
            jQuery('#tipo_oferta').on('change',function(e) {
                if (jQuery('#tipo_oferta').val() == '1') { // productos
                    jQuery('.marcas').hide();
                    jQuery('.categorias').hide();
                    jQuery('#identificador').val('');
                    jQuery('.productos').show();
                }
                else if (jQuery('#tipo_oferta').val() == '2') { // marcas
                    jQuery('.productos').hide();
                    jQuery('.categorias').hide();
                    jQuery('#identificador').val('');
                    jQuery('.marcas').show();
                }
                else if (jQuery('#tipo_oferta').val() == '3') { // categorias
                    jQuery('.productos').hide();
                    jQuery('.marcas').hide();
                    jQuery('#identificador').val('');
                    jQuery('.categorias').show();
                }
            });
                   
            jQuery('#codigo-producto').on('change',function(e) {
                jQuery.ajax({
                    url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id) {
                            jQuery('#descripcion').val(data.descripcion);
                            jQuery('#identificador').val(data.id);
                        }
                        else {
                            jQuery('#descripcion').val('ERROR');
                            jQuery('#identificador').val('');
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
            
            jQuery('#marca').on('change',function(e) {
                jQuery('#identificador').val(parseInt(jQuery('#marca').val()));
                        
            });
            
            jQuery('#categoria').on('change',function(e) {
                jQuery('#identificador').val(parseInt(jQuery('#categoria').val()));
                        
            });
        </script>
    </body>
</html>